.overview {
	display: flex;
	justify-content: space-between;

	.item {
		flex: 1 1 22.5rem;
		border: 1px solid var(--color-border-2);
		border-radius: 0.25rem;

		& + .item {
			margin-left: 1.5rem;
		}
	}

	.today-top-asset {
		display: inline-flex;
		flex-flow: column;
		.icon {
			width: 3.75rem;
			height: 3.75rem;
			aspect-ratio: 1 / 1;
		}

		.content {
			position: relative;
			display: flex;
			align-items: center;
			width: 100%;
			height: 58px;
			&::after {
				position: absolute;
				bottom: 0;
				width: 90%;
				height: 1px;
				margin-left: 5%;
				background: #ccc;
				content: '';
			}
			.header {
				margin: 0 6rem 0 1.5rem;
				.total {
					font-size: 24px;
				}
			}
		}
		.content2 {
			display: flex;
			flex-flow: column;
			margin-left: 1.5rem;
			& > div {
				margin-top: 0.25rem;
			}
		}
	}
}
.svg {
	position: absolute;
	right: 2rem;
}
.df {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.w100p {
	width: 100%;
	padding: 15px 0 5px;
	p:first-child {
		margin-left: 5%;
	}
	p:last-child {
		margin-right: 5%;
		font-size: 24px;
	}
}
.vam {
	vertical-align: middle;
}
.bor {
	background-color: #f7f9fc;
	padding: 10px 6px;
	margin-right: 5%;
	margin-top: 5px;
	color: #333;
}
.mt10 {
	margin-top: 10px !important;
}
.ml10 {
	margin-left: 10px;
}
.mt30 {
	margin-top: 30px !important;
}
.tcor {
	color: #999ea8;
}
.title {
	color: #696c78;
	font-size: 16px;
}
